(function flexible(window, document) {
    var docEl = document.documentElement;

    // adjust body font size
    function setBodyFontSize() {
        if (document.body) {
            document.body.style.fontSize = 14 + "px";
        } else {
            document.addEventListener("DOMContentLoaded", setBodyFontSize);
        }
    }

    setBodyFontSize();

    // set 1rem = viewWidth / 10
    function setRemUnit() {
        if (docEl.clientWidth <= 1080) {
            //小于1920时使用rem自适应
            docEl.style.fontSize = (docEl.clientWidth / 14) + "px";
        } else if (docEl.clientWidth > 1080 && docEl.clientWidth <= 1440) {
            docEl.style.fontSize = (docEl.clientWidth / 16) + "px";
        } else if (docEl.clientWidth > 1440 && docEl.clientWidth <= 1800) {
            docEl.style.fontSize = (docEl.clientWidth / 20) + "px";
        } else {
            docEl.style.fontSize = 90 + "px";
        }
        // docEl.style.fontSize = (docEl.clientWidth / 1920 / 0.01) + "px";
    }

    setRemUnit();

    // reset rem unit on page resize
    window.addEventListener("resize", setRemUnit);
    window.addEventListener("pageshow", function (e) {
        if (e.persisted) {
            setRemUnit();
        }
    });
})(window, document);
